<template>
  <div class="menubar">
    <router-link class="menu_it menu_it_2" :to="'/campus/job'">网申职位</router-link>
    <router-link class="menu_it menu_it_3" :to="'/campus/school'">院校</router-link>
    <router-link class="menu_it menu_it_4" :to="'/campus/preach'">宣讲会</router-link>
    <router-link class="menu_it menu_it_5" :to="'/campus/election'">双选会</router-link>
    <router-link class="menu_it menu_it_1" :to="'/campus/notice'">校招资讯</router-link>
  </div>
</template>
<script>
export default{}
</script>
<style lang="scss" scoped>
/* 菜单 */

.menubar {
  display: flex;
  margin: 0 9px;
  text-align: center;
  margin-top: 22.5px;
}

.menubar .menu_it {
  color: #444444;
  font-size: 13px;
  padding-top: 36px;
  flex: 1;
}

.menubar .menu_it_1 {
  background: url(../../../assets/images/campus/menu_1.png) no-repeat top center;
  background-size: 33.5px 27.5px;
}

.menubar .menu_it_2 {
  background: url(../../../assets/images/campus/menu_2.png) no-repeat top center;
  background-size: 27px 27.5px;
}

.menubar .menu_it_3 {
  background: url(../../../assets/images/campus/menu_3.png) no-repeat top center;
  background-size: 23px 30.5px;
}

.menubar .menu_it_4 {
  background: url(../../../assets/images/campus/menu_4.png) no-repeat top center;
  background-size: 25px 28px;
}

.menubar .menu_it_5 {
  background: url(../../../assets/images/campus/menu_5.png) no-repeat top center;
  background-size: 26px 27px;
}
</style>
